<template>
  <view>
    <view class="title">报名活动{{ name }}</view>
    <view class="update"></view>
    <view class="text">
      <rich-text :nodes="richtext"></rich-text>
    </view>
  </view>
</template>

<script>
export default {
  onLoad() {
    this.getuseragreement();
  },
  data() {
    return {
      richtext: '',
      name: ''
    };
  },
  methods: {
    // 获取用户协议
    async getuseragreement() {
      const res = await uni.$http.post('index/getArticleList');
      console.log(res.data.data[0].content);
      this.richtext = res.data.data[0].content;
      this.name = res.data.data[0].name;
    }
  }
};
</script>

<style lang="less" scoped>
.title {
  box-sizing: border-box;
  width: 256rpx;
  height: 44rpx;
  font-size: 32rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: bold;
  color: #000000;
  margin: 50rpx 0 16rpx 30rpx;
}
.update {
  width: 264rpx;
  height: 34rpx;
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  color: #999999;
  margin: 0 0 30rpx 30rpx;
}
.text {
  width: 690rpx;
  height: 360rpx;
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  color: #333333;
  margin-left: 30rpx;
}
</style>
